<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.box{position: relative;}
			img{width:600px;height: 400px;}
			.box2{width:600px;height: 400px;position: absolute;top:0;left:0;background: #000000;opacity:0;transition:opacity .3s}
			.box2:hover{opacity:0.8;}
		</style>
	</head>
	<body>
		
		<div class="box">
			<img src="img/img1/child1.jpg"/>
			<div class="box2"></div>
		</div>
	</body>
</html>
